<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    </link>
</head>

<body>
    <div class="mainContent">
        <div class="container clearfix">
            <!-- 左侧导航栏 -->
            <div class="leftNav leftfix">
                <div>
                    <a href="#">手机/运营商/数码</a>
                    <div class="second-menu">
                        <dl>
                            <dt><a href="#">电子书刊</a></dt>
                            <dd><a href="#">电子书</a></dd>
                            <dd><a href="#">网络原创</a></dd>
                            <dd><a href="#">数字杂志</a></dd>
                            <dd><a href="#">多媒体图书</a></dd>
                        </dl>
                    </div>
                </div>
                <div>
                    <a href="#">电脑/办公</a>
                    <div class="second-menu">
                        <dl>
                            <dt><a href="#">电子书刊</a></dt>
                            <dd><a href="#">电子书</a></dd>
                            <dd><a href="#">网络原创</a></dd>
                            <dd><a href="#">数字杂志</a></dd>
                            <dd><a href="#">多媒体图书</a></dd>
                        </dl>
                    </div>
                </div>
                <div><a href="#">家居/家具/家装/厨具</a></div>
                <div><a href="#">男装/女装/童装/内衣</a></div>
                <div><a href="#">运动/户外/健康</a></div>
                <div><a href="#">母婴/玩具乐器</a></div>
                <div><a href="#">食品/酒类/生鲜/特产</a></div>
                <div><a href="#">汽车/汽车用品</a></div>
                <div><a href="#">箱包/ bags/shoes</a></div>
                <div><a href="#">钟表/珠宝/ Accessories</a></div>
                <div><a href="#">图书/文娱/教育/电子书</a></div>
                <div><a href="#">机票/机票/旅游/生活</a></div>
                <div><a href="#">美妆/个护/清洁/宠物</a></div>
                <div><a href="#">安装/二手/维修</a></div>
                <div><a href="#">nike / addidas / champion</a></div>
            </div>
            <div class="banner leftfix">
                <img src="../尚品汇_设计稿/assets/banner1.png" alt="">
            </div>
            <div class="rightNav leftfix">
                <div class="repoter">
                    <div class="rep-header clearfix">
                        <div class="leftfix">尚品快报</div>
                        <div class="rightfix">更多&nbsp;&gt;</div>
                    </div>
                    <hr>
                    <ul>
                        <li>毛衣+直筒裤,才是yyds</li>
                        <li>超大容量的满足感来自于</li>
                        <li>每日一件，衣柜慢到塞不下</li>
                        <li>媳妇再买,我就疯了</li>
                    </ul>
                </div>
                <div class="hotKeys">
                    <div class="firstline clearfix">
                        <div class="hotItem leftfix">
                            <a href="">
                                <div class="picture"></div>
                                <div>话费</div>
                            </a>
                        </div>
                        <div class="hotItem leftfix">
                            <div class="picture"></div>
                            <div>酒店</div>
                        </div>
                        <div class="hotItem leftfix">
                            <div class="picture"></div>
                            <div>众筹</div>
                        </div>
                        <div class="hotItem leftfix">
                            <div class="picture"></div>
                            <div>彩票</div>
                        </div>
                    </div>
                    <div class="secondline clearfix">
                        <div class="hotItem leftfix">
                            <div class="picture"></div>
                            <div>话费</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_酒店_nor.png" alt="">
                            <div>酒店</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_众筹_nor.png" alt="">
                            <div>众筹</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_彩票_nor.png" alt="">
                            <div>彩票</div>
                        </div>
                    </div>
                    <div class="thristyline clearfix">
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_话费_nor.png" alt="">
                            <div>话费</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_酒店_nor.png" alt="">
                            <div>酒店</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_众筹_nor.png" alt="">
                            <div>众筹</div>
                        </div>
                        <div class="hotItem leftfix">
                            <img src="../尚品汇_设计稿/assets/icon_彩票_nor.png" alt="">
                            <div>彩票</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>